<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>02-class选择器</title>
    <style>
        .main {
            color: red;
            font-size: 30px;
        }

        .fruit {
            color: red;
        }

        .food {
            background-color: blue;
        }

        .my-loved-fruit {

        }
    </style>
</head>
<body>

<div class="fruit food">苹果</div>
<div class="my-loved-fruit food">香蕉</div>

<p>我是p1</p>
<p class="main">我是p2</p>
<p class="main">我是p3</p>
<p class="main">我是p4</p>
<p>我是p5</p>
<p>我是p6</p>

</body>
</html>